<template>
  <div class="container-warp">
    <!-- <div class="error" v-if="status=='error'">
      <div><img src="http://xcxcdn.shuiqoo.cn/205ico_no_pay.png" alt=""></div>
      <div>订单已提交，支付未成功!</div>
      <div>您可以点击订单详情继续支付。</div>
      <div class="btn-go">
        <div :class="[store.wxStyle.themeColor]" @click="_goTo('/pages/myOrder/main')">查看订单</div>
        <div :class="[store.wxStyle.themeColor]" @click="_goProduct">继续购买</div>
      </div>
    </div> -->
    <div  class="success">

      <div><img :src="'/static/image/204ico_pay.png'" alt=""></div>
      <div>订单成功!</div>
      <div></div>
      <div class="btn-go">
        <div  @click="_goTo">查看订单</div>
        <div  @click="_goProduct">回到首页</div>
      </div>
    </div>
  </div>
</template>

<script>
  import { mapMutations } from 'vuex'
export default {
    data () {
      return {
        status: null
      }
    },
    computed: {
      store () {
        return this.$store.state
      }
    },
    methods: {
      _goTo () {
        this.$wx.switchTab('/pages/order/index')
      },
      _goProduct () {
        this.$wx.switchTab('/pages/home/index')
      },
      ...mapMutations({
        setLoginData: 'LOGIN_DATA'

      })
    },
    mounted () {

    }

  }
</script>

<style lang="scss">
  @import '../../common/scss/base.scss';

  .container-warp {
    @include fixed-top;
    height: 100%;
    background: #fff;
  }

  .error, .success {
    > div {
      @include fjc(center);

    }
    > div:first-child {
      img {
        @include wh(130, 130);
        margin-top: 100px;
        margin-bottom: 40px;
      }
    }
    > div:nth-child(2) {
      @include color111;
      @include fontSize(32);
    }
    > div:nth-child(3) {
      @include color999;
      @include fontSize(28);
      padding: 20px;
    }
    > div:nth-child(4) {
      padding-top: 50px;
      > div {
        background: $primaryColor;
        @include wh(210, 70);
        @include fontSize(28);
        @include fjc(center);

        color: #fff;
        border-radius: 8px;
      }
      > div:first-child {
        margin-right: 70px;
      }

    }
  }
</style>
